/* pages/replenishment/index.wxss */
.container {
  .stationInfoBox {
    width: 100%;
    .stationItem {
      padding: 30rpx 0 30rpx 0;
      background-color: white;
      margin-bottom: 30rpx;
      box-shadow: var(--main-div-shadow);

      .stationContentBox {

        // height: 275rpx;
        .content {
          .contentItem {
            font-size: var(--main-font-size);
            text-align: right;
          }

          .contentVal {
            font-size: var(--main-font-size);
          }
        }

        .state {
          .stateBox {
            font-size: 35rpx;
            font-weight: bold;
            margin-top: 60rpx;

            .working {
              color: green;
            }
          }
        }
      }
    }
  }

  .productList {
    position: relative;
    background-color: white;
    width: 100%;
    padding-bottom: 200rpx;

    .change {
      position: absolute;
      top: 20rpx;
      right: 10rpx;
    }
    .notClassify{
      margin-top: 20rpx;
    }
    .classify {
      .goodsListBox {
        width: 100%;

        .goodsMenuBox {
          position: relative;
          width: 100%;
          background: white;
          padding: 10rpx;

          .goodsItem {
            width: 90%;
            height: 150rpx;
            margin: 10rpx auto;
            box-shadow: var(--main-div-shadow);

            .picBox {
              position: relative;
              width: 100%;
              height: 150rpx;
              margin: auto;

              .pic {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 100rpx;
                height: 100rpx;
              }
            }

            .contentBox {
              font-size: var(--small-font-size);
              position: relative;
              height: 150rpx;
              width: 100%;

              .content {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);

                .name {
                  margin-bottom: 8rpx;
                }

                .price {
                  margin-bottom: 8rpx;
                }

                .cavity {
                  color: #377f7f;
                }
              }
            }
          }
        }
      }
    }

    .title {
      text-align: center;
      font-size: var(--main-font-size);
      width: 100%;
      border-bottom: 1rpx solid #e5e5e5;
      padding: 20rpx 0 20rpx 0;
    }

    .productItem {
      position: relative;
      width: 95%;
      height: 160rpx;
      box-shadow: var(--main-div-shadow);
      border-radius: 20rpx;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 20rpx;

      .contentBox {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        height: 130rpx;
        padding-left: 15rpx;

        .content {
          height: 130rpx;
          font-size: var(--small-font-size);
          display: flex;
          flex-direction: column;
          justify-content: space-around;

          .name {}

          .price {}

          .capacity {
            color: #377f7f;
          }
        }

        .stepBox {
          height: 130rpx;
          line-height: 130rpx;
        }
      }
    }
  }

  .settleBox {
    position: fixed;
    bottom: 100rpx;
    left: 50%;
    transform: translateX(-50%);
  }
}